<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
<ui:composition template="/templates/Plantilla.xhtml">
	<ui:define name="content">			
		<h:form class="form">
			<h3>Alta de Sujeto Empresa - Crear Comercialización</h3>
			<p:separator/>
			<p:messages id="messages" closable="true"/>
			<p:panel>
				<h:panelGrid columns="2">  
					<h:outputText id="lblTipoCliente" value="Tipo de Cliente: *"/>
					<p:selectOneMenu value="#{sujetoEmpresaCreate.sujeto.tipoCliente.tipoClienteId}" effect="fade" required="true" label="Tipo de Cliente">  
			            <f:selectItem itemLabel="Seleccione un tipo de Cliente..." itemValue="" />  
			            <f:selectItems value="#{selectOneMany.tiposDeClientes()}" var="tipoCliente" 
							itemLabel="#{tipoCliente.nombre}" 
							itemValue="#{tipoCliente.tipoClienteId}"></f:selectItems>  
			        </p:selectOneMenu>
			        <h:outputText value="Cargar Sucursales:"/>
			        <p:selectBooleanCheckbox label="Cargar Sucursales" value="#{sujetoEmpresaCreate.cargarSucursales}" onLabel="Yes"
								offLabel="No" onIcon="ui-icon-check" offIcon="ui-icon-close"
								valueChangeListener = "#{sujetoEmpresaCreate.verificarValor}">
						<p:ajax update="testId" event="change" />
					</p:selectBooleanCheckbox>
					<h:outputText id="testId" value="esto es un test" rendered="#{sujetoEmpresaCreate.cargarSucursales}"/>
				</h:panelGrid>
			</p:panel>  
			<p:panel>
				<h:outputText value="Datos Fiscales"/>
				<p:separator/>
				<p:panel>
					<h:outputText value="Comercial"/>
					<p:separator/>
					<h:panelGrid columns="2">
						<h:panelGrid columns="2">
							<h:outputText value="Razon Social: *"/>
							<p:inputText value="#{sujetoEmpresaCreate.contribucion.razonSocial}" required="true"
					        	label="Razon Social"/>
							<h:outputText value="Cuit/Cuil: *"/>
							<p:inputText value="#{sujetoEmpresaCreate.contribucion.cuit}" required="true"
					        	label="CUIT/CUIL"/>
					        <h:outputText value="Condicion de IVA: *"/>
					        <p:selectOneMenu value="#{sujetoEmpresaCreate.contribucion.condicionIva.condicionIvaId}" effect="fade" required="true" label="Condicion de IVA">  
					            <f:selectItem itemLabel="Seleccione Condicion de IVA..." itemValue="" />  
					            <f:selectItems value="#{selectOneMany.getAllCondicionIva()}" var="ci" 
									itemLabel="#{ci.nombre}" 
									itemValue="#{ci.condicionIvaId}"></f:selectItems>  
					        </p:selectOneMenu>
					        <h:outputText value="Recibe Nota: "/>
					        <p:selectBooleanCheckbox label="Recibe Nota" value="#{sujetoEmpresaCreate.recibeNota}" onLabel="Yes"
								offLabel="No" onIcon="ui-icon-check" offIcon="ui-icon-close"/>
						</h:panelGrid>
					</h:panelGrid>
				</p:panel>
				<br/>
				<p:panel>
					<h:outputText value="Domicilio"/>
					<p:separator/>
					<h:panelGrid columns = "2">
						<h:outputText id="lblBarrio" value="Barrio: *"/>   						    
					  	<p:inputText id="inputBarrio" value = "#{sujetoEmpresaCreate.contribucion.barrio}" required = "true" label="Barrio"/>
					  	
						<h:outputText value="Calle: *" />
						<p:inputText value="#{sujetoEmpresaCreate.contribucion.calle}" required="true" label="Calle" maxlength="50"/>
												
						<h:outputText value="Nº: *" />   
					    <p:inputText value="#{sujetoEmpresaCreate.contribucion.numero}" required = "true" label="Numero"/>
					    
					    <h:outputText id="lblPiso" value="Piso:"/>
					    <p:inputText id="inputPiso" value = "#{sujetoEmpresaCreate.contribucion.piso}"/>
					    					    
					    <h:outputText id="lblDpto" value="Dpto:"/>					    
					    <p:inputText id="inputDpto" value = "#{sujetoEmpresaCreate.contribucion.departamento}"/>
					    
					    <h:outputText id="lblMza" value="Mza:"/>					    
					    <p:inputText id="inputMza" value = "#{sujetoEmpresaCreate.contribucion.manzana}"/>
					    							
					    <h:outputText id="lblLte" value="Lote:"/>
					    <p:inputText id="inputLte" value = "#{sujetoEmpresaCreate.contribucion.lote}"/>
					  	      	
					    <h:outputText id="lblObservacion" value="Observacion:"/>   	
					  	<p:inputTextarea rows="3" cols="100" counter="counterObservacion" maxlength="50"       
    						counterTemplate="{0} caracteres restante." value = "#{sujetoEmpresaCreate.contribucion.observacion}"/>
    					<h:outputText/>
    					<h:outputText id="counterObservacion" />   					
					  	      	
					</h:panelGrid>
				</p:panel>
			</p:panel>
			
			<p:panel>
				<p:commandButton value="Con Sucursales"></p:commandButton>
				<p:commandButton value="Sin Sucursales"></p:commandButton>
				<p:commandButton value ="Siguiente" action = "#{sujetoEmpresaCreate.pasoCargarContribucion(sujetoEmpresaCreate.sujeto,sujetoEmpresaCreate.contribucion)}" ajax="false"></p:commandButton>
			</p:panel>    
		</h:form>        	        	        	        
	</ui:define>
	
</ui:composition>
	
</h:body>
</html>